// 1.下载并引入vue-router
import VueRouter from "vue-router"
import Vue from "vue"
import Home from "@/pages/Home"
import Login from "@/pages/Login"
import News from "@/pages/Home/News"
import Music from "@/pages/Home/Music"
import Game from "@/pages//Home/Game"

// 2.应用路由插件
Vue.use(VueRouter)


// 3.创建路由器对象，并在内部配置模式和路由表
const router = new VueRouter({
    mode: "history",
    /* 
      每一个对象都是一个路由规则，我们可以给路由规则一个名字，方便后边使用
    */
    routes: [{
        path: "/home",
        component: Home,
        name: "Home",
        // 二级路由配置
        children:[{
            /* 
               二级路由的路径可以直接书写二级路由的路由名称即可，不用书写完整的地址
               但是不能写 /+当前路由地址！！！！！！！！！！！！！
            */
            path:"/home/news",
            component:News,
            name:"News"
        },{
            path:"/home/music",
            component:Music,
            name:"Music"
        },{
            path:"/home/game",
            component:Game,
            name:"Game"
        }]
    }, {
        path: "/login",
        component: Login,
        name: "Login"
    }]
})

// 4.暴露
export default router